<script>
export default {
  methods:{
    // 推荐领养点击
    recommendClick_2(){

    },
    // 你的领养进程点击
    adoptClick(){

    }
  }
}
</script>

<template>
  <el-menu
      default-active="1"
      style="display: flex;justify-content: center;height:40px;"
      active-text-color="#FFD466"
      mode="horizontal"
  >
    <el-menu-item class="chose" index="1" style="margin-right:15px" @click="recommendClick_2">推荐领养</el-menu-item>
    <el-menu-item class="chose" index="2" @click="adoptClick">你的领养进程</el-menu-item>
  </el-menu>
</template>

<style scoped>
.el-menu{
  border:0!important;
}

.chose{
  font-size:18px;
  font-weight:bold;
}
>>> .chose:hover{
  background-color: #FFE9B2!important;
  color:#FFD466!important;
}
.el-menu-item.is-active{
  background-color: white!important;
  color:#FFD466!important;
}
</style>
